
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
*{margin:0;padding:0;}
body {
    font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;
}
ul, ol {
    list-style: none outside none;
}
.buy-process-nav {
    border-top: 3px solid #FF9900;
    margin-top: 10px;
    padding-top: 10px;
}
.flow-steps {
    margin: 20px 0;
    overflow: hidden;
}
.flow-steps li.current {
    background-color: #FF6600;
    color: #FFFFFF;
}
.flow-steps .num4 li {
    width: 222px;
}
.flow-steps li {
    background: url("flow_steps_bg.png") no-repeat scroll 100% 0 #E4E4E4;
    color: #404040;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    padding: 0 15px 0 0;
    text-align: center;
}
.flow-steps li.current .first {
    background-color: #FF6600;
    background-position: -12px -92px;
}
.flow-steps li .first {
    background: url("flow_steps_bg.png") no-repeat scroll -12px -69px #E4E4E4;
}
.flow-steps li span, .flow-steps li strong {
    display: block;
}
.flow-steps li.last {
    background-position: 100% -138px;
}
</style>

</head>
<body>
<div class="flow-steps buy-process-nav">
	<ol class="num4">
		<li class="current"><strong class="first">1. 确认订单信息</strong></li>
		<li><span>2. 付款到支付宝</span></li>
		<li><span>3. 确认收货</span></li>
		<li class="last"><span>4. 双方互评</span></li>
	</ol>
</div>
</body>
</html>